<!DOCTYPE html>
<html lang="en" class="x-admin-sm" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Free Responsive Html5 Templates">
    <meta name="author" content="">
    <title>服务商列表</title>
    <header th:replace="header::html"></header>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet"  th:href="@{/cssservice/bootstrap.min.css}" type="text/css">

    <!-- SmartMenus jQuery Bootstrap Addon CSS -->
    <link th:href="@{/cssservice/jquery.smartmenus.bootstrap.css}" rel="stylesheet">

    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" th:href="@{/cssservice/style.css}" >

    <!-- Custom Fonts -->
    <link rel="stylesheet" th:href="@{/font-awesome-4.4.0/css/font-awesome.min.css}"   type="text/css">

    <link rel="stylesheet"  th:href="@{/cssservice/lightbox.css}" >



    <!-- Core JavaScript Files -->
    <script  th:src="@{/jsservice/bootstrap.min.js}"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <![endif]-->



</head>
<body>
<a href="/api-front/chat/user-chat#" >进入聊天室</a>


<div id="page-content" class="index-page">
    <div id="container">
        <!-- These are our grid blocks -->
        <div class="item" th:each="item : ${service}">
            <a class="example-image-link" href="/img/img01.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="/img/img01.jpg" alt=""/></a>
            <div class="content-item">
                <span class="time"><a class="btn btn-1">More</a> SEPTEMBER 30TH</span>
                <h3 class="title-item" th:text="${{item.uname}}"></h3>
                <p class="info" th:text="${{item.ustory}}"></p>
                <ul class="list-inline">
                    <li><a href="#"><i class="fa fa-eye"></i> 260</a></li>
                    <li><a href="#"><i class="fa fa-comment"></i>260</a></li>
                    <li><a href="#"><i class="fa fa-heart"></i> 260</a></li>
                    <li><a href="#"><i class="fa fa-share"></i> 260</a></li>
                </ul>
            </div>
            <div class="bottom-item">
                <a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
                <span class="user f-right">Posted by <a href="#">Jason Lemon</a><img src="images/ava-1.jpg" class="img-circle"></span>
            </div>
        </div>

    </div>
</div>















<!-- Once the page is loaded, initialized the plugin. -->
<script type="text/javascript" src="/jsservice/jquery-2.1.1.js" ></script>
<script src="/jsservice/bootstrap.min.js"></script>

<!-- jQuery Pinterest -->
<script type="text/javascript" src="/jsservice/jquery.pinto.js"></script>
<script type="text/javascript" src="/jsservice/main.js"></script>

<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="/jsservice/jquery.smartmenus.js"></script>

<!-- SmartMenus jQuery Bootstrap Addon -->
<script type="text/javascript" src="/jsservice/jquery.smartmenus.bootstrap.js"></script>

<script src="/jsservice/lightbox-plus-jquery.min.js"></script>





</body>
</html>